 <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Generate Wizard</title>
    </h:head>
    <h:body>


        <ui:composition template="/resources/templates/Template.xhtml">


            <ui:define name="Body">
            <h:form>

                <p:growl id="messages" />

                <p:dataTable var="car" value="#{tableBean.cars}" id="carList" onRowEditUpdate="messages">

                    <f:facet name="header">
                        In-Cell Editing
                    </f:facet>

                    <p:column headerText="Model" style="width:150px">
                        <p:cellEditor>
                            <f:facet name="output"><h:outputText value="#{car.model}" /></f:facet>
                            <f:facet name="input"><h:inputText value="#{car.model}" /></f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column headerText="Year" style="width:150px">
                        <p:cellEditor>
                            <f:facet name="output"><h:outputText value="#{car.year}" /></f:facet>
                            <f:facet name="input"><h:inputText value="#{car.year}" label="Year"/></f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column headerText="Manufacturer" style="width:150px">
                        <p:cellEditor>
                            <f:facet name="output"><h:outputText value="#{car.manufacturer}" /></f:facet>
                            <f:facet name="input">
                                <h:selectOneMenu value="#{car.manufacturer}" >
                                    <f:selectItem itemLabel="Honda" itemValue="Honda" />
                                    <f:selectItem itemLabel="Nissan" itemValue="Nissan" />
                                </h:selectOneMenu>
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column headerText="Color" style="width:150px">
                        <p:cellEditor>
                            <f:facet name="output"><h:outputText value="#{car.color}" /></f:facet>
                            <f:facet name="input">
                                <h:selectOneMenu value="#{car.color}" >
                                    <f:selectItem itemLabel="Honda" itemValue="Honda" />
                                    <f:selectItem itemLabel="Nissan" itemValue="Nissan" />
                                </h:selectOneMenu>
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column headerText="Options">
                        <p:rowEditor id="llll" />
                    </p:column>

                </p:dataTable>

            </h:form>

            </ui:define>

        </ui:composition>


    </h:body>
</html>
